<template>
  <el-row>
    <el-col :span="8"></el-col>
    <el-col :span="4"><el-button type="primary">彻底删除</el-button></el-col>
    <el-col :span="10"></el-col>
  </el-row>

  <el-row>
    <el-col :span="8"></el-col>
    <el-col :span="8">
      <label>在回收站中超过30 天的邮件会自动删除</label> &nbsp;&nbsp;&nbsp;&nbsp;
      <el-link type="primary">立即清空回收站</el-link>
    </el-col>
    <el-col :span="8"></el-col>
  </el-row>

  <el-row>
    <el-col :span="8"></el-col>
    <el-col :span="4">
      <el-checkbox v-model="checked1" label="" size="small" />
      <label>收件人</label>
      <!--      <el-checkbox v-model="checked2" label="Option 1" size="large" />-->
    </el-col>
    <el-col :span="2">
      <label>主题</label>
    </el-col>
    <el-col :span="10"></el-col>
  </el-row>

  <br>

  <div v-for="bin in bins">
    <el-row>
      <el-col :span="8"></el-col>
      <el-col :span="4">
        <el-checkbox size="small" />
        <label>{{bin.receiver}}</label>

      </el-col>
      <el-col :span="8">
        <label>{{bin.content}}</label>
      </el-col>
      <el-col :span="4"></el-col>
    </el-row>
    <br>
  </div>

  <el-row>
    <el-col :span="8"></el-col>
    <el-col :span="4"><el-button type="primary">彻底删除</el-button></el-col>
    <el-col :span="10"></el-col>
  </el-row>
</template>

<script>
export default {
  name: "RecycleBin",
  data(){
    return {
      bins: [
        {
          receiver: "信用卡服务",
          content: "您已被列为银行卡邀请名单中"
        },
        {
          receiver: "因特尔商业中心",
          content: "大咖云集"
        }

      ]
    }
  }
}
</script>

<style scoped>

</style>
